import store from '../store' // store

export function getTopIconDistance() {
	uni.getSystemInfo({
		success: (res) => {
		
			// 获取手机顶部状态栏的高度
			const statusBarHeight = res.statusBarHeight || 0

			// 获取导航栏的高度（手机状态栏高度 + 胶囊高度 + 胶囊的上下间距）
			const menuButtonInfo = uni.getMenuButtonBoundingClientRect()
			if(!menuButtonInfo) return 
			const navBar = menuButtonInfo.height + (menuButtonInfo.top - statusBarHeight) * 2
       
			// 计算顶部图标距离
			const topIconDistance = statusBarHeight + navBar

			const navBarHeight = topIconDistance // 导航栏的高度
			const navBarPaddingTop = statusBarHeight // 导航栏的上边距
			let useHeight = res.screenHeight - topIconDistance // 可以使用的页面高度【去除顶部导航】
			let tabBarHeight = 50 + res.safeAreaInsets.bottom // tabbar的高度 + 安全区域高度
			let mainSearchHeight = useHeight - tabBarHeight - 60 // 有tabBar，有搜索框的页面高度
			let mainHeight = useHeight - tabBarHeight // 有tabBar，没有搜索框的页面高度
			let noTabSearchHeight = useHeight - res.safeAreaInsets.bottom - 60 // 没有tabBar，有搜索框的页面高度
			let noTabMainHeight = useHeight - res.safeAreaInsets.bottom // 没有tabBar，没有搜索框的页面高度

			store.commit('HEIGHT_DATA', {
				mainHeight,
				navBarHeight,
				navBarPaddingTop,
				noTabMainHeight,
				mainSearchHeight,
				noTabSearchHeight,
				safeHeight: res.safeAreaInsets.bottom,
				tabBarHeight
			})
		},
		fail: (err) => {}
	})
}